<template>
    <div class="bg">
         <topNav txt="新消息通知" :mode="2" ></topNav>
         <div class="tip">AI未打开时</div>
<div class="list">
    <span>新消息通知</span>
    <van-switch v-model="switchChecked" size="25" />
</div>
<div class="list">
    <span>通知显示详情</span>
    <van-switch v-model="switchChecked1" size="25" />
</div>
<div class="tip">AI打开时</div>
<div class="list">
    <span>声音</span>
    <van-switch v-model="switchChecked2" size="25" />
</div>
<div class="list">
    <span>震动</span>
    <van-switch v-model="switchChecked3" size="25" />
</div>
    </div>

</template>
<script>
import topNav from "@/components/return"




export default {
            components: {
    topNav
  }, 
  data(){
      return{
          switchChecked:false,
           switchChecked1:false,
            switchChecked2:false,
           switchChecked3:false


      }
  }
}
</script>
<style  scoped>
.bg{
     width: 100vw;
    min-height: 100vh;
    background: #EDEDED;

}
.tip{
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    color: #797979;
}
.list{
    background: #fff;
    padding: 5px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    border-bottom: 1px solid #e3e4e5;

}
</style>